Videor - Masked Video for Elementor

WordPress plugins Documentation

Make your WordPress site original and attractive using the Videor plugin. This simple plugin allows you to apply any shape for your video using a clipping mask to get an eye-catching element on your site. In addition, you can use the item to add a video background for the text or other blocks to help amplify your site’s message and engage visitors.

The Videor plugin provides different video sources, it can be added via YouTube, Vimeo link, or from the site media library. Along with this, you can manage different useful features for the video box. The Elementor widget comes with 40+ preset video masks that can be applied fast and easily. You can even use a custom shape in SVG format. The video clipping mask is an interesting solution for your video gallery or portfolio that does not require additional knowledge of coding or CSS and offers your visitors something new.

40+ stylish vector clipping masks
40+ stylish vector clipping masks
YouTube, Vimeo, URL or WordPress Media Library
YouTube, Vimeo, URL or WordPress Media Library
CSS Filters to adjust video colors
CSS Filters to adjust video colors
Includes Templates for Elementor
Includes Templates for Elementor
Completely cross-browser support
Completely cross-browser support
Flexible settings of video clipping mask
Flexible settings of video clipping mask
Use any custom shape or create your own
Use any custom shape or create your own
Crafted for Elementor Builder
Crafted for Elementor Builder
Suitable for all kind of Layouts and Templates
Suitable for all kind of Layouts and Templates
Perfect  for Popular Elementor Themes
Perfect for Popular Elementor Themes

To better understand the capabilities of the widget, we included 5 templates to the package. These are just some examples that can inspire you to create your style. It provides you a quick start in a few clicks.

The Videor has straightforward settings. You can select content using various sources, manage its position, scale, and other options. The flexible style settings allow you to change the background colors, height and width, paddings and margins of the video. Adjust color, typography, shadow, alignment for the header and description. All this can be configured directly from the Elementor’s interface and does not require additional code knowledge.

Videor for Elementor is exceptionally compatible with all modern browsers. It does not matter which browser users view your site: Chrome, Firefox, Opera, Safari, or Edge. Everything will look great on all devices and in all browsers.

Features of the Videor plugin for Elementor

The plugin installation takes only a few seconds. Also, you do not need to make any additional settings. The plugin is ready to work immediately after installation – you only need to install and activate it in WordPress. Read more about capabilities and settings in the Online Documentation.

Installing the WordPress plugin is quick and straightforward. After you have downloaded the archive with the plugin, you will see the file with the plugin inside. Unzipped purchased the product you will see inside the archive with the plugin pluginname.zip There are two ways to install it:

Installation of the Plugin through the WordPress Admin panel ( Recommended for most users )

STEP 1

First of all, open WordPress admin area login page and login in into WordPress as Admin. To do this visit http://yoursitename/wp-admin

STEP 2

Go to Plugins > Add New

Add New Plugin to WordPress
Add New Plugin to WordPress
STEP 3

Click Upload Plugin Button

Upload New Plugin to WordPress
Upload New Plugin to WordPress
STEP 5

Choose archive with Plugin and press Install Now Button

STEP 6

After Installing go back to the Plugins page and click Activate below plugin title

Activate Installed Plugin

Installation the plugin through FTP or build-in File manager

STEP 1

Use Login and Password to connect to your web-server via FTP or use your hosting file manager.

STEP 2

Upload archive with plugin to /wp-content/plugins

STEP 3

On next step Unzip the archive with the plugin

STEP 4

Installing WordPress Plugin is almost finished. Go to the Plugins page and click Activate below plugin title. You can find out your username and password on the website of your hosting provider.

Activate Installed Plugin

After installing and activating the plugin, you can go to settings of the Plugin. Also, you can read more helpful articles about WordPress Themes and WordPress Plugins.

The Videor widget provides different video sources, it can be added via YouTube, Vimeo link, or from the site media library. Along with this, you can manage different useful features for the video box. The Elementor widget comes with 40+ preset video masks that can be applied fast and easily. You can even use a custom shape in SVG format. The video clipping mask is an interesting solution for your video gallery or portfolio that does not require additional knowledge of coding or CSS and offers your visitors something new.

For further work, you need the Elementor to be installed on your site. You can download it from wordpress.org

Open or create a page using Elementor to start using the Videor widget. You will find the widget at the end of the general section.

Widget icon

Drag the widget to a page using the Elementor editor to start customizing. In the left pane of the editors, you can customize the widget to the style of your site. Each of the tabs presented a specific group of settings:

Content Tab

On the Content tab of the Videor widget, you can select a source and upload video, manage the clipping mask, and specify block caption.

Video settings

Clipping Mask settings

Caption settings

The section allows you to add a title and description for the video block and place them in the desired position.

Header

Subheader

Description

Link

Style tab

On the Videor widget styles tab, you can configure everything related to the visual style of elements: colors, typography, backgrounds, gradients, and more.

Video

Clipping Mask

Header

Subheader

Description

Advanced Tab

The settings in the advanced tab Videor widget allow you to flexibly configure everything that relates to the design of the plug-in wrapper. The settings on this tab are entirely similar to the native Elementor widgets and will be convenient for experienced users of the Elementor. Learn more about Advanced Tab settings from Elmentor’s official documentation.

Save changes

Do not forget to save changes after completing the widget setup. To do this, click on the Update button at the bottom of the page.

Update page in the Elementor
Update page in the Elementor

Hosting for Elementor websites

Fast and reliable hosting is significant for any WordPress site. We recommend all our customers use SiteGround WordPress Hosting. Many unique settings and features make this hosting the number 1 for WordPress: Free Website Transfer, Staging Tools, Free SSL, CDN, and much more for 3.95/mo.